<template>
    <div class="not-found">
      <h1>404</h1>
      <p>抱歉，您访问的页面不存在。</p>
      <el-button type="primary" @click="goHome">返回首页</el-button>
    </div>
  </template>
  
  <script>
  export default {
    methods: {
      goHome() {
        this.$router.push('/');
      }
    }
  };
  </script>
  
  <style scoped>
  .not-found {
    text-align: center;
    margin-top: 100px;
  }
  .not-found h1 {
    font-size: 100px;
    margin-bottom: 20px;
  }
  .not-found p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  </style>